<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>课程信息</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <link rel="stylesheet" href="../js/libs/sui/sm.min.css">
    <link rel="stylesheet" href="../js/libs/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../less/main.css"/>

    <script type="text/javascript" src='../js/libs/jquery-3.1.0.min.js' charset='utf-8'></script>
    <script type="text/javascript">
        var Zepto = jQuery;
    </script>
    <script type="text/javascript" src='../js/libs/sui/sm.js' charset='utf-8'></script>
    <script type="text/javascript" src='../js/libs/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="../js/libs/juicer-min.js"></script>
    <script type="text/javascript" src="../js/libs/jquery.md5.js"></script>
    <script type="text/javascript" src="../js/api.js"></script>
    <script type="text/javascript" src="../js/utils.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
</head>
<body>

<!-- 这里是页面内容区 -->
<div class="content native-scroll bg-white course">
    <!-- 幻灯片 -->
    <div class="swiper-container swiper-container-horizontal p-b-0" data-space-between='10'>
        <div id="ct-lunbo" class="swiper-wrapper">
            <div class="swiper-slide">
                <img class="kc-img" src="public/images/lunbo.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img class="kc-img" src="public/images/portrait.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img class="kc-img" src="public/images/lunbo.jpg" alt="">
            </div>
        </div>
        <div class="swiper-pagination top-5r"></div>
    </div>
    <a class="kc-return ">
        <span class="icon iconfont p-l" onclick="javascript:closeWin();">&#xe61f;</span>
    </a>
    <!--标签页-->
    <div class="buttons-tab f-16">
        <a id="course-detail-a1" href="#tab2" class="tab-link active button">课程简介</a>
        <a id="course-detail-a2" href="#tab3" class="tab-link button">机构简介</a>
    </div>
    <div class="content-block course-panel">
        <div class="tabs course-tab p-l">
            <div id="tab2" class="tab c-default active">
                <div>
                    <p>课程背景:</p>
                    <span class="course-det">android是当前最流行的手机开发移动端语言，极其牛逼，掌握它加薪不是梦</span>
                </div>
                      <div>
                          <p>核心内容:</p>
                          <ol class="course-det">
                              <li>掌握android基础知识。</li>
                              <li>学会熟悉运用android开发移动端应用。</li>
                          </ol>
                      </div>
                      <div>
                          <span style="font-size: .8rem"> 开发环境:</span>
                          <span class="course-det">Eclipse</span>
                      </div>
                      <div>
                          <p>适应人群:</p>
                          <span class="course-det">有一定Java基础的开发者</span>
                      </div>
            </div>
            <div id="tab3" class="tab">
                 <div class="row">
                     <div class="col-25"><img
                             src="http://gqianniu.alicdn.com/bao/upload..//tfsc../TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                             width="100%"></div>
                     <div class="col-75">
                         <div class="teacher">
                             <p class="c-default">张老师</p>
                             <p>高级软件开发工程师</p>
                         </div>
                         <p class="tech-intr">具有很强的团队精神，有良好的组织和协调能力，有强烈的集体荣誉感。自学能力强，喜欢钻研新技术，敢于面对和克服困难。熟练使用spring+str+hibernate
                             整合开发。熟练使用jsp、servlet、jstl、jdbc下的编程开发。 熟练使用eclipse
                             、ide开发工具，熟练掌握tomcat等web容器以及j2ee容器的配置以及部署，能够使用junit进行单元测试。熟练使用mvc框架搭建项目，以及自定义实现ajax框架。熟练掌握数据库的操作和sql语句，能熟练使用sqlXX和mysql进行系统开发。
                         </p>
                     </div>
                 </div>
            </div>
        </div>
    </div>
    <!--底部按钮组-->
    <div  class="botm-btn botm-height">
        <a id="call-phone" class="left btn1 t-center">
            <i class="iconfont icon f-normal">&#xe610;</i>
            <p class="c-gray">电话咨询</p>
        </a>
        <a id="follow-btn"  href="javascript:void(0);" class="middle btn1 t-center">
            <i class="iconfont icon f-normal icon-27kongxintaoxin ct-flag"></i>
            <p class="c-default ct-flag-p">取消关注</p>
        </a>

        <!--  <a id="unfollow-btn" href="javascript:void(0);" class="middle btn1 t-center">
              <i class="iconfont icon f-normal icon-27kongxintaoxin"></i>
              <p class="c-default">取消关注</p>
          </a>
  -->

        <a id="train-register" progress="false" class="right btn3 c-default t-center">报名培训</a>
    </div>
</div>

</body>
</html>
